<!DOCTYPE html>
<html lang="en">
<head>
    <title>{$seo.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$seo.keyword}" />
    <meta name="keywords" content="{$seo.description}" />
    <meta name="robots" content="all"/>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    <link href="__MOBILE__css/iconfont.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/am.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/flexslider.css" rel="stylesheet"/>
    <link href="__MOBILE__css/other/style.css" rel="stylesheet"/>
    <!-- moblie -->
    <link rel="stylesheet" href="__MOBILE__css/style.css">
<body>



<div class="m_wrap">
    {include file="public/header" /}

    <!-- m_banner -->
    <div class="m_banner">
        <ul class="m_banner_slider clear">
            {volist name="banner" id="v" key="k"}
            <li>
                <div class="pic" style="height:190px;">
                    <img src="{$v.img_url}" alt="{$v.alt}">
                </div>
            </li>
            {/volist}
        </ul>
    </div>
    <!-- m_banner end -->

</div>

<div class="m_page">

    <!-- m_index_introduce -->
    <div class="m_index_introduce">
        <ul class="m_index_introduce_nav">
            <li>
                <div class="m_icon"><i class="iconfont icon-daohangshouye"></i></div>
                <h3 class="title capital">{$com_intro.one.name}</h3>
                <div class="text">{$com_intro.one.details}</div>
            </li>
            <li>
                <div class="m_icon"><i class="iconfont icon-unie621"></i></div>
                <h3 class="title capital">{$com_intro.two.name}</h3>
                <div class="text">{$com_intro.two.details}</div>
            </li>
            <li>
                <div class="m_icon"><i class="iconfont icon-jishu"></i></div>
                <h3 class="title capital">{$com_intro.three.name}</h3>
                <div class="text">{$com_intro.three.details}</div>
            </li>
        </ul>
    </div>
    <!-- m_index_introduce end -->

    <!-- m_products -->
    <div class="m_products m_public">
        <div class="m_module_top">
            <h3 class="title">PRODUCTS</h3>
        </div>
        <div class="m_products_list">
            <ul>
                {volist name="prolist" id="v" key="k"}
                <li>
                    <a href="/product/{$v.uname}-{$v.id}.html">
                        <div class="m_products_pic">
                            <div class="pic-img" style="height: 259px">
                                <img src="{$v.img[0]}" alt="{$v.name}">
                            </div>
                        </div>
                        <div class="m_products_text">
                            <h3 class="title">{$v.name}</h3>
                            <span class="pushbar">More Details >></span>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- m_products end -->

    <!-- m_applications -->
    <div class="m_products m_applications m_public">
        <div class="m_module_top">
            <h3 class="title">APPLICATIONS</h3>
        </div>
        <div class="m_products_list">
            <ul>
                {volist name="app" id="v" key="k"}
                <li>
                    <a href="/Applications/{$v.uname}-{$v.id}.html">
                        <div class="m_products_pic">
                            <div class="pic-img" style="height: 259px">
                                <img src="{$v.cover_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="m_products_text">
                            <h3 class="title">{$v.name}</h3>
                            <span class="pushbar">More Details >></span>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <!-- m_applications end -->

    <!-- m_aboutus -->
    <div class="m_aboutus">
        <div class="m_module_top">
            <h3 class="title">ABOUT US</h3>
        </div>
        <div class="video">
            <video id="movie" src="{$setup.video}" controls="controls" height="210" width="100%"></video>
        </div>
        <div class="digital_scrolling m_public">
            <ul class="col-3 clear">
                <li class="fl">
                    <div class="numberGroup">
                        <a id="numgund">4200</a><span>+</span>
                        <p>Plant area</p>
                    </div>
                </li>
                <li class="fl">
                    <div class="numberGroup">
                        <a id="numgund2">4200</a><span>+</span>
                        <p>Plant area</p>
                    </div>
                </li>
                <li class="fl">
                    <div class="numberGroup">
                        <a id="numgund3">4200</a><span>+</span>
                        <p>Plant area</p>
                    </div>
                </li>
            </ul>
            <div class="_warranty">
                <span><i class="iconfont icon-pinzhibaozhang1"></i>&nbsp;36 months warranty</span>
                &nbsp;&nbsp;
                <span><i class="iconfont icon-shijian"></i>&nbsp;36 months warranty</span>
            </div>
            <a href="" class="pushbar">View more</a>
        </div>
    </div>
    <!-- m_aboutus end -->

    <!-- m_oree_laser -->
    <div class="m_index_introduce m_oree_laser">
        <div class="m_module_top">
            <h3 class="title">OREE LASER</h3>
        </div>
        <ul class="m_index_introduce_nav">
            <li>
                <div class="m_icon"><i class="iconfont icon-icon2"></i></div>
                <h3 class="title capital">{$OREE_LASER.one.name}</h3>
                <div class="text">{$OREE_LASER.one.details}</div>
            </li>
            <li>
                <div class="m_icon"><i class="iconfont icon-quanqiu"></i></div>
                <h3 class="title capital">{$OREE_LASER.two.name}</h3>
                <div class="text">{$OREE_LASER.two.details}</div>
            </li>
            <li>
                <div class="m_icon"><i class="iconfont icon-iconfont-jiangbei"></i></div>
                <h3 class="title capital">{$OREE_LASER.three.name}</h3>
                <div class="text">{$OREE_LASER.three.details}</div>
            </li>
        </ul>
        <a href="" class="pushbar">Join Oree laser</a>
    </div>
    <!-- m_oree_laser end -->

    <!-- m_worldwide -->
    <div class="m_worldwide">
        <div class="m_module_top">
            <h3 class="title">Worldwide Q-friends</h3>
        </div>
        <ul class="scroll_slider clear" style="width: 750px;">
            <li style="background:url({$setuo.map}) center center no-repeat;background-size:cover; height: 400px;width:375px;"></li>
            <li style="background:url({$setuo.map}) center center no-repeat;background-size:cover; height: 400px;width:375px;"></li>
        </ul>
    </div>
    <!-- m_worldwide end -->

    <!-- m_blog -->
    <div class="m_blog">
        <div class="m_module_top">
            <h3 class="title">BLOG</h3>
        </div>
        <div class="m_blog_list m_public">
            <ul>
                {volist name="blog" id="v" key="k"}
                <li>
                    <a class="clear" href="/blog/{$v.uname}-{$v.id}.html">
                        <div class="pic fll" style="width: 30%;">
                            <div class="pic_img" style="height:80px;">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="text frr" style="width: 64%;">
                            <h3 class="title">{$v.name}</h3>
                            <p class="date">{$v.create_time}</p>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
            <a href="/blog.html" class="pushbar">View more</a>
        </div>
    </div>
    <!-- m_blog end -->

    <!-- m_video -->
    <div class="m_blog m_video">
        <div class="m_module_top">
            <h3 class="title">VIDEO</h3>
        </div>
        <div class="m_blog_list m_public">
            <ul>
                {volist name="video" id="v" key="k"}
                <li>
                    <a class="clear" href="/video/{$v.uname}-{$v.id}.html">
                        <div class="pic fll" style="width: 30%;">
                            <div class="pic_img" style="height:80px;">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                        <div class="text frr" style="width: 64%;">
                            <h3 class="title">{$v.name}</h3>
                            <p class="date">{$v.create_time}</p>
                        </div>
                    </a>
                </li>
                {/volist}
            </ul>
            <a href="/video.html" class="pushbar">View more</a>
        </div>
    </div>
    <!-- m_video end -->

    <!-- customer_glance -->
    <div class="customer_glance">
        <div class="m_module_top">
            <h3 class="title">CUSTOMER GLANCE</h3>
        </div>
        <div class="customer_glance_list m_public">
            <ul class="col-2 clear">
                {volist name="visiting" id="v" key="k"}
                <li class="fll">
                    <a class="clear" href="/Customer-Glance.html">
                        <div class="pic">
                            <div class="pic_img" style="height: 170px;">
                                <img src="{$v.img_url}" alt="{$v.alt}">
                            </div>
                        </div>
                    </a>
                </li>
                {/volist}


            </ul>
            <a href="/Customer-Glance.html" class="pushbar">View more</a>
        </div>
    </div>
    <!-- customer_glance end -->

</div>

{include file="public/footer" /}